/* ==========================================================================
   Author's custom styles
   ========================================================================== */
  @import 'fix-bootstrap.css';
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,700&display=swap');
*{margin:0px;padding:0px;box-sizing:bordre-box;font-family: 'Lato', sans-serif!important;}
html{margin-top:0px!important;}
p{margin:0px;}
h3{margin-top:0px;}
img{max-width:100%;}
.container-fluid{max-width:1646px!important;width:95%;}
header#front{background-image:url("../img/ccl_slider.jpg")!important;position:fixed;height:50%;top:0;left:0;background-position:center!important;background-size:cover!important;}
header#front::before{position:absolute;content:'';background:#000;width:100%;height:100%;opacity:0.8;}
header#front>div{padding:15px;text-align:center;color:#243746;position:absolute;width:100%;top:50%;}
footer#front{background:#fff;position:fixed;height:50%;bottom:0;left:0;width:100%;}
footer#front>div{padding:15px;text-align:center;color:#243746;position:absolute;width:100%;top:50%;}
header#front>div h2,footer#front>div h2{margin-top:0;}
header#front>div a,footer#front>div a{padding:10px 30px;font-size:18px;margin-top:10px;display:inline-block;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;}
header#front>div a{color:#000;border:1px solid #fff;background:#facf03;clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);}
footer#front>div a{color:#000;border:1px solid #fff;background:#facf03;clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);}
header#front>div a:hover,footer#front>div a:hover{background:#fff;color:#000;text-decoration:none;}
body#front_page .title_frontpage {position: absolute;top: 50%;width: 100%;text-align: center; margin: 0;z-index: 99;}
.title_frontpage h1{display:block;background: #1b3545;margin:0;color:#fff;padding:10px 40px;border-radius:5px;font-weight:normal;}
body#front_page:before {content: "";display: block;position: fixed;width: 100%;height: 50%;background: #fff;z-index: 9999;transition:1.3s;left:0;top:0;bottom:auto;
}
body#front_page:after {
    content: "";
    display: block;
    position: fixed;
    width: 100%;
    height: 50%;
    background: #fff;
    z-index: 9999;
    transition:1.3s;
	right:0;
	top:auto;
	bottom:0;
}
body#front_page.remove_overlay:before,body#front_page.remove_overlay:after{height:0;}
body.extend_height{position:relative;height:600px;}
body.extend_height header#front{position:fixed;}
body.extend_height footer#front{position:fixed;}
header#front {
    background: #fff;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    width: 50%;
}
header#front h2,footer#front h2{color:#000;text-transform:uppercase;font-size:26px;font-weight:700;margin-top:100px;}

footer#front h2{color:#fff! important;font-weight:700;}
header#front h4,footer#front h4 {
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 3px;
    font-size: 22px;
}
header#front h4{color:#fff;}
header#front a,footer#front a{font-weight:bold;border:1px solid #1b3545;color:#1b3545;}
header#front a{border:1px solid #fff;color:#fff;}
.inlineblock{display:inline-block;background:#000;padding:100px 0px;border-radius:100%;width:300px;height:300px;}
.inlineblock-1{display:inline-block;background:#fff;padding:100px 0px;border-radius:100%;width:300px;height:300px;}
footer#front {
    background-image:url("../img/ccl_traffic_slider.jpeg")!important;
	background-position:left!important;background-size:cover!important;
    position: fixed;
    height: 100%;
    bottom: 0;
    right: 0;
	left:auto;
    width: 50%;
}
footer#front::before{position:absolute;content:'';background:#fff;width:100%;height:100%;opacity:0.8;}
div#frontpage-center {position:fixed;height: 100%;left:50%;z-index: 9;transform: translateX(-50%);top:0;}
#logo_text {
    font-size: 24px;
    font-weight: bold;
    background:rgba(250,207,3,0.8);
    padding: 10px 15px;
    border-radius: 10px;
    color: #000;
    position: absolute;
    top: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
}
#frontpage-center img {max-height: 100%;width:200px;
}


@media only screen and (max-width:662px){
	header#front{width:100%;height:50%;}
	footer#front{width:100%;height:50%;}
	.inlineblock-1{background:none;}
	.inlineblock{background:none;}
	header#front h2{color:#fff;}
	footer#front h2{color:#000!important;}
}